<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/list.css" rel="stylesheet">
    <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
    <title>Title</title>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-3 col-sm-6 col-xs-12" >
            <div class="info-box weather" >
                <div class="j-top">
                    <div class="j-top-left">
                        <span class="present" >25℃</span><br>
                        <span class="range"><small>28℃</small>/<small>17℃</small></span>
                    </div>
                    <div class="j-top-right">
                        <img src="">
                        <span class="climate">小雨</span><br>
                        <span class="date">05/31</span>
                    </div>
                </div>

               <div class="j-bottom">
                    <img class="j-logo" src="images/logo_06.png">
                    <h2>天路项目</h2>
                    <p class="j-location"><img src="images/location_03.png">浙江省宁波市慈溪讪中横线浙江天中电器有限公司</p>
                    <div class="j-table">
                        <small> <b>2</b><br>分组</small>
                        <small> <b>29</b><br>设备</small>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-9 col-sm-6 col-xs-12" >
            <div class="row list">
                <div class="col-md-4 col-sm-6 col-xs-12" >
                    <div class="info-box" style="text-align:center;box-shadow:none;">
                        <div class="info-box-content img-responsive img-circle" style="margin-left:10%;background-color:#fff;width:200px;height:200px;border: 5px solid ghostwhite;">
                            <span class="info-box-img" style="margin-top:10px;">
                               <img src="images/log_03.png">
                            </span>
                            <span class="info-box-text" style="margin-top:5px;margin-bottom:-5px;color:rgb(146,146,146);">当前工作设备</span>
                            <span class="info-box-number" id="J-working-devices-count" style="font-size:1.7em;">
                              29
                               <small>&nbsp;台</small>
                            </span>
                            <small >&nbsp;当前工作设备总计</small>
                             29
                            <small>&nbsp;台</small>
                        </div>
                          <!-- /.info-box-content -->
                      </div>
                      <!-- /.info-box -->
                  </div>
                  <!-- /.col -->
                  <div class="col-md-4 col-sm-6 col-xs-12" >
                      <div class="info-box" style="text-align:center;box-shadow:none;">
                          <div class="info-box-content img-responsive img-circle" style="padding:10px 0;margin-left:10%;background-color:#fff;width:200px;height:200px;border: 5px solid ghostwhite;">
                               <span class="info-box-img">
                                  <img src="images/log_1.png">
                               </span>
                               <span class="info-box-text" style="margin-top:10px;margin-bottom:-5px;color:rgb(146,146,146);">当日电量</span>
                               <span class="info-box-number" >
                                   <b style="font-size:1.7em;"> 2813.7</b>
                                   <small>&nbsp;kWh</small>
                                </span>
                          </div>
                          <!-- /.info-box-content -->
                      </div>
                      <!-- /.info-box -->
                  </div>
                  <!-- /.col -->

                  <!-- fix for small devices only -->
                  <div class="clearfix visible-sm-block"></div>

                  <div class="col-md-4 col-sm-6 col-xs-12" >
                      <div class="info-box" style="text-align:center;box-shadow:none;">
                          <div class="info-box-content img-responsive img-circle" style="margin-left:10%;background-color:#fff;width:200px;height:200px;border: 5px solid ghostwhite;">
                              <span class="info-box-img">
                                  <img src="images/log_2.png">
                              </span>
                              <span class="info-box-text" style="margin-top:10px;margin-bottom:-5px;color:rgb(146,146,146);">当月电量</span>
                              <span class="info-box-number ">
                                  <b style="font-size:1.7em;"> 43784</b>
                                  <small>&nbsp;kWh</small>
                              </span>
                          </div>
                          <!-- /.info-box-content -->
                      </div>
                      <!-- /.info-box -->
                  </div>
                  <!-- /.col -->
                  <div class="col-md-4 col-sm-6 col-xs-12" >
                      <div class="info-box" style="text-align:center;box-shadow:none;">
                          <div class="info-box-content img-responsive img-circle" style="margin-left:10%;background-color:#fff;width:200px;height:200px;border: 5px solid ghostwhite;">
                               <span class="info-box-img">
                                   <img src="images/log_13.png">
                               </span>
                               <span class="info-box-text" style="margin-top:10px;margin-bottom:-5px;color:rgb(146,146,146);">当年电量</span>
                               <span class="info-box-number" style="margin-bottom: 5px;">
                                  <b style="font-size:1.7em;"> 43784</b>
                                  <small>&nbsp;kWh</small>
                               </span>
                          </div>
                          <!-- /.info-box-content -->
                      </div>
                      <!-- /.info-box -->
                  </div>
                  <!-- /.col -->
                  <div class="col-md-4 col-sm-6 col-xs-12" >
                      <div class="info-box" style="text-align:center;box-shadow:none;">
                          <div class="info-box-content img-responsive img-circle" style="margin-left:10%;background-color:#fff;width:200px;height:200px;border: 5px solid ghostwhite">
                               <span class="info-box-img">
                                   <img src="images/log_14.png">
                               </span>
                               <span class="info-box-text" style="margin-top:10px;margin-bottom:-5px;color:rgb(146,146,146);">发电总量</span>
                               <span class="info-box-number " style="margin-bottom: 5px;">
                                  <b style="font-size:1.7em;"> 43784</b>
                                  <small>&nbsp;kWh</small>
                               </span>
                          </div>
                          <!-- /.info-box-content -->
                      </div>
                      <!-- /.info-box -->
                  </div>
                  <!-- /.col -->
                  <div class="col-md-4 col-sm-6 col-xs-12" >
                      <div class="info-box" style="text-align:center;box-shadow:none;">
                          <div class="info-box-content img-responsive img-circle" style="margin-left:10%;background-color:#fff;width:200px;height:200px;border: 5px solid ghostwhite">
                               <span class="info-box-img">
                                   <img src="images/log_17.png">
                               </span>
                               <span class="info-box-text" style="margin-top:10px;margin-bottom:-5px;color:rgb(146,146,146);">日峰值日照时间</span>
                               <span class="info-box-number" style="margin-bottom: 5px;">
                                   <b style="font-size:1.7em;">&nbsp;2.229</b>
                                   <small>&nbsp;小时</small>
                               </span>
                          </div>
                          <!-- /.info-box-content -->
                      </div>
                      <!-- /.info-box -->
                  </div>
                  <!-- /.col -->
              </div>
         </div>
    </div>
</div>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>